<template>
    <div class="son15">
        <h3>SonDemo15</h3>
        <header v-if="$slots.header">
            <slot name="header"> header</slot>
        </header>
        <main>
            <slot> main</slot>
        </main>
        <footer>
            <slot name="footer"> footer </slot>
        </footer>
    </div>
</template>

<script setup lang='ts'>

</script>

<style lang="scss" scoped>
.son15 {
    border: 3px solid orangered;
    padding: 10px;
    margin: 10px;
}

header {
    font-weight: 700;
    font-size: 30px;
    color: green;
}
</style>